WM-25: [DEV] 구글 로그인 콜백 처리 (페이지 리다이렉트) #8

Cyjin-jani · 2025-01-17T16:24:04Z

목적

구글 로그인 시 콜백 처리를 합니다.

As-is: 구글 로그인 시 404 page로 redirect.

before.mp4

To-be: 구글 로그인 시 main page로 redirect.

Jan-18-2025.01-11-41.mp4

변경 사항

DB 스키마 변경 이후, dev.db와 migration.sql 등을 수정하였습니다.
gitignore 수정 (cursorignore 추가)
main 페이지 수정
- users 제거 (불필요한 유저 목록 불러오지 않도록 제거), 메인 페이지 표기.
useUsers 수정
- user 타입 변경
- 파일 확장자 수정 (tsx -> ts) (왜 tsx로 되어있었을까요..;;;😅)
/login/google/callback page 추가
- redirect 처리 등 추가

TODO (Optional)

구글 로그인 시 실제 서비스의 서버 로직 (회원 여부 확인 등) 추가 필요

Followers (Optional)

linear · 2025-01-17T16:24:06Z

WM-25 [DEV] �구글 로그인 콜백 처리 (페이지 리다이렉트)

Cyjin-jani · 2025-01-17T16:26:22Z

src/app/login/google/callback/page.tsx

+export default function Page() {
+  const router = useRouter();
+
+  useEffect(() => {
+    const handleAuth = async () => {


구글 로그인 시, callback을 보여주지 않고 바로 main으로 넘기도록 시도해보았는데.. 잘 안되었습니다ㅠ 어떤 식으로 처리하는 것이 좋을 지 잘 모르겠습니다...🫠 빈 화면을 꼭 보여주어야 하는 것인지..

현직에서 개발하고 있는 서비스는 login -> 구글 로그인 -> redirect_uri가 다시 login 페이지의 형태로 되는데요, (이후 로그인 성공 시 main 등으로 redirect) 이러한 형태도 별로인 것 같습니다... 콜백 페이지 처리를 어떻게 해야 가장 깔끔하게 처리할 수 있을 지 고민이 됩니다.

Cyjin-jani added 6 commits January 18, 2025 01:03

fix: DB 스키마 변경으로 인한 dev.db와 sql 수정

e6bde4c

chore: gitignore 수정

7d0b55e

fix: 불필요한 users 불러오지 않도록 수정

7fe12c1

feat: user 타입 변경

4b85139

feat: 구글 로그인 콜백 처리

e73b777

refactor: 잘못된 file 확장자 수정

7bd89e2

Cyjin-jani requested a review from ysm-dev January 17, 2025 16:24

Cyjin-jani self-assigned this Jan 17, 2025

Cyjin-jani commented Jan 17, 2025

View reviewed changes

ysm-dev approved these changes Jan 18, 2025

View reviewed changes

ysm-dev approved these changes Jan 19, 2025

View reviewed changes

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

WM-25: [DEV] 구글 로그인 콜백 처리 (페이지 리다이렉트) #8

WM-25: [DEV] 구글 로그인 콜백 처리 (페이지 리다이렉트) #8

Cyjin-jani commented Jan 17, 2025

linear bot commented Jan 17, 2025

Cyjin-jani Jan 17, 2025

WM-25: [DEV] 구글 로그인 콜백 처리 (페이지 리다이렉트) #8

WM-25: [DEV] 구글 로그인 콜백 처리 (페이지 리다이렉트) #8

Conversation

Cyjin-jani commented Jan 17, 2025

목적

구글 로그인 시 콜백 처리를 합니다.

변경 사항

TODO (Optional)

Followers (Optional)

linear bot commented Jan 17, 2025

Cyjin-jani Jan 17, 2025

Choose a reason for hiding this comment